 * {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
 }
img{
  width: 100%;
  display: block;
}

a{
  display: block;
  color: inherit;
  text-decoration: none;
}
 @media screen and (max-width:414px){
   html {
     font-size: 60px;
   }
 }

 @media screen and (min-width:414px)
 {
   html {
     font-size: 100px;
   }
 }

 @mixin lm_color {
   color: rgb(211, 11, 119);
 }
//头部
 header {
   display: flex;
   padding: .2rem;
   height: 40px;
   background-color: rgb(219, 207, 207);
   justify-content: space-between;
   align-items: center;
  .site {
     font-size: .16rem;
     @include lm_color();
     .fa {
       font-size: 16px;
     }
   }
   .logo {
     font-size: 18px;
   }
   .user {
     width: 24px;
     height: 22px;
   }
 }

 //轮播图
 //导航
 .nav{
  display: flex;
  flex-wrap: wrap;
  padding: .1rem;
  width: 100%;
  justify-content: space-between;
  padding-bottom: 0;
  a{
    width: 32%;
   padding-bottom: .1rem;
  }
 }
 //出行导航
 .trip{
   background-color: #fff;
   display: flex;
   flex-wrap: wrap;
  //  align-items: center;
  border-top: 1px solid  #ccc;
   a{
     width: 25%;
    //  display: flex;
     align-self: center;
     border-bottom: 1px solid  #ccc;
     border-right: 1px solid  #ccc;
   }
   a:nth-child(4n){
    border-right: none;
   }
 }
 //广告
 .banner{
  padding-top: .1rem;
   a{
    border-bottom: 1px solid  #ccc;
     width: 50%;
   }
   a:nth-child(1){
    border-right: 1px solid  #ccc;
   }
   
 }

 //热门活动
 .hot_activity{
   padding-top: .1rem;
   .hot_title{
     padding-top: .1rem;
      height: .4rem;
     padding-left: .2rem;
     color: #000;
     font-size: .18rem;
    //  line-height: 1;
     margin-bottom: 0;
     background-color: rgb(241, 241, 241);
   }
   .hot_img{
     a{
       padding-bottom: .1rem;
     }
   }
 }

 //度假
 .holiday{
  .holiday_title{
    display: flex;
    align-items: center;
    span{ 
      flex: 1;
      text-align: center;
      height: .4rem;
      background-color: rgb(233, 233, 233);
      padding: .09rem 0;
    }
  .active{
    border-bottom: 3px solid   rgb(211, 11, 119);
  }
  }
  .holiday_content{
    a{
      border-bottom: 1px solid  #ccc;
      margin-bottom: .1rem;
      .holiday_img{}
      .holiday_sm{
        font-size: .12rem;
        padding: 0  .1rem;
      }
      .holiday_lg{
        padding: 0  .1rem;
        line-height: 1;
      }
    }
  }
  .hide{
    display: none;
  }
 }

 //加载更多
 .more{
  margin-top: .2rem;
  background-color: rgb(233, 233, 233);
   text-align: center;
   height: .5rem;
    line-height: .5rem;
    margin: .1rem 0;
    font-size: .16rem;
    color: rgb(114, 114, 114);
    border-bottom: 1px solid  #ccc;
 }
 //底部
 footer{
  font-size: .2rem;
   display: flex;
  padding: .1rem .2rem;
  // justify-content: space-between;
  background-color:rgb(211, 11, 119);
  color: #fff;
  .sign{
    padding-right: .2rem;
  }
  .login{
    flex: 1;
  }
  .top{
    font-weight: 600;
  }
 }